<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<title>大众团队后台管理系统 1.0</title>
		<meta name="decorator" content="admin_template" />
	</head>
	<body>
		<div class="maincontent">
			<div class="two_third maincontent_inner ">
				<div class="left">

					<div class="notification msginfo">
						<a class="close"></a> 您好，共有 3 条新信息未处理。
						<a href="">现在处理</a>
					</div>
					<!-- notification info -->
					<!-- START WIDGET LIST -->
					<ul class="widgetlist">
						<li>
							<a href=""><img alt="Document Icon" src="/images/admin/icons/document.png"/><span>添加文章</span>
							</a>
						</li>
						<li>
							<a href=""><img alt="Report Icon" src="/images/admin/icons/createreport.png"/><span>添加软件</span>
							</a>
						</li>
						<li>
							<a href=""><img alt="Mail Icon" src="/images/admin/icons/mail.png"/><span>数据统计</span>
							</a>
						</li>
						<li>
							<a href=""><img alt="Events Icon" src="/images/admin/icons/calendar.png"/><span>信息</span>
							</a>
						</li>
						<li>
							<a href=""><img alt="Media Icon" src="/images/admin/icons/media.png"/><span>系统设置</span>
							</a>
						</li>

					</ul>
					<!-- END WIDGET LIST -->

					<div class="clear"></div>

					<div class="widgetbox">
						<h3 class="">
							<span>文章列表</span>
						</h3>
						<div class="content nopadding ohidden">
							<table cellspacing="0" cellpadding="0" width="100%"
								class="sTable3">
								<thead>

									<tr>
										<td>
											Column 1
										</td>
										<td>
											Column 2
										</td>
										<td>
											Column 3
										</td>
										<td align="right">
											Impressions
										</td>
										<td align="right">
											Percentage
										</td>

										<td>
											Column 6
										</td>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											Row Text 1
										</td>
										<td>
											Row Text 2
										</td>

										<td>
											Row Text 3
										</td>
										<td align="right">
											2 100.00
										</td>
										<td align="right">
											20%
										</td>
										<td>
											Row Text 6
										</td>
									</tr>
									<tr class="even">
										<td>
											Row Text 1
										</td>

										<td>
											Row Text 2
										</td>
										<td>
											Row Text 3
										</td>
										<td align="right">
											2 100.00
										</td>
										<td align="right">
											20%
										</td>
										<td>
											Row Text 6
										</td>
									</tr>

									<tr>
										<td>
											Row Text 1
										</td>
										<td>
											Row Text 2
										</td>
										<td>
											Row Text 3
										</td>
										<td align="right">
											2 100.00
										</td>
										<td align="right">
											20%
										</td>

										<td>
											Row Text 6
										</td>
									</tr>
									<tr class="even">
										<td>
											Row Text 1
										</td>
										<td>
											Row Text 2
										</td>
										<td>
											Row Text 3
										</td>
										<td align="right">
											2 100.00
										</td>

										<td align="right">
											20%
										</td>
										<td>
											Row Text 6
										</td>
									</tr>
									<tr>
										<td>
											Row Text 1
										</td>
										<td>
											Row Text 2
										</td>
										<td>
											Row Text 3
										</td>

										<td align="right">
											2 100.00
										</td>
										<td align="right">
											20%
										</td>
										<td>
											Row Text 6
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<!-- content -->

					</div>
					<!-- widgetbox2 -->

					<div class="widgetbox">
						<h3>
							<span>文章列表</span>
						</h3>
						<div class="content">
							<div style="height: 300px; padding: 0px; position: relative;"
								id="chartplace">
								<canvas class="base" width="709" height="300"></canvas>
								<canvas class="overlay" width="709" height="300"
									style="position: absolute; left: 0px; top: 0px;"></canvas>
								<div style="font-size: smaller" class="tickLabels">
									<div style="color: #545454" class="xAxis x1Axis">
										<div
											style="position: absolute; text-align: center; left: -21px; top: 279px; width: 88px"
											class="tickLabel">
											0
										</div>
										<div
											style="position: absolute; text-align: center; left: 80px; top: 279px; width: 88px"
											class="tickLabel">
											2
										</div>
										<div
											style="position: absolute; text-align: center; left: 181px; top: 279px; width: 88px"
											class="tickLabel">
											4
										</div>
										<div
											style="position: absolute; text-align: center; left: 282px; top: 279px; width: 88px"
											class="tickLabel">
											6
										</div>
										<div
											style="position: absolute; text-align: center; left: 383px; top: 279px; width: 88px"
											class="tickLabel">
											8
										</div>
										<div
											style="position: absolute; text-align: center; left: 484px; top: 279px; width: 88px"
											class="tickLabel">
											10
										</div>
										<div
											style="position: absolute; text-align: center; left: 585px; top: 279px; width: 88px"
											class="tickLabel">
											12
										</div>
									</div>
									<div style="color: #545454" class="yAxis y1Axis">
										<div
											style="position: absolute; text-align: right; top: 239px; right: 693px; width: 16px"
											class="tickLabel">
											-1.0
										</div>
										<div
											style="position: absolute; text-align: right; top: 183px; right: 693px; width: 16px"
											class="tickLabel">
											-0.5
										</div>
										<div
											style="position: absolute; text-align: right; top: 128px; right: 693px; width: 16px"
											class="tickLabel">
											0.0
										</div>
										<div
											style="position: absolute; text-align: right; top: 72px; right: 693px; width: 16px"
											class="tickLabel">
											0.5
										</div>
										<div
											style="position: absolute; text-align: right; top: 16px; right: 693px; width: 16px"
											class="tickLabel">
											1.0
										</div>
									</div>
								</div>
								<div class="legend">
									<div
										style="position: absolute; width: 66px; height: 48px; top: 9px; right: 9px; background-color: rgb(252, 252, 252); opacity: 0.85;">
									</div>
									<table
										style="position: absolute; top: 9px; right: 9px;; font-size: smaller; color: #545454">
										<tbody>
											<tr>
												<td class="legendColorBox">
													<div style="border: 1px solid #ccc; padding: 1px">
														<div
															style="width: 4px; height: 0; border: 5px solid #069; overflow: hidden"></div>
													</div>
												</td>
												<td class="legendLabel">
													Flash(x)
												</td>
											</tr>
											<tr>
												<td class="legendColorBox">
													<div style="border: 1px solid #ccc; padding: 1px">
														<div
															style="width: 4px; height: 0; border: 5px solid #ff0000; overflow: hidden"></div>
													</div>
												</td>
												<td class="legendLabel">
													HTML5(x)
												</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>
						<!-- content -->
					</div>
					<!-- widgetbox2 -->

					<div class="widgetbox">

						<h3>
							<span>按钮样式</span>
						</h3>
						<div class="content">
							<button class="button button_white">
								Button
							</button>
							&nbsp;
							<button class="button button_blue">
								Button
							</button>
							&nbsp;
							<button class="button button_black">
								Button
							</button>
							&nbsp;

							<button class="button button_red">
								Button
							</button>
							&nbsp;
							<button class="button button_yellow">
								Button
							</button>
							&nbsp;
							<button class="button button_green">
								Button
							</button>
							&nbsp;
							<button class="button button_brown">
								Button
							</button>
							&nbsp;
							<button class="button button_lblue">
								Button
							</button>
							<br/>
						</div>
						<!-- conten t-->
					</div>
					<!-- widgetbox -->

					<div class="widgetbox">
						<h3>
							<span>带验证功能的表单</span>
						</h3>
						<div class="content">
							<form method="post" action="" id="form" novalidate="novalidate">

								<div class="form_default">

									<p>

										<label for="name">
											Name
										</label>
										<input type="text" class="sf" id="name" name="name"/>
									</p>

									<p>
										<label for="email">
											Email
										</label>
										<input type="text" class="sf" id="email" name="email"/>
									</p>

									<p>

										<label for="location">
											Location
										</label>
										<textarea cols="" rows="" class="mf" name="location"></textarea>
									</p>

									<p>
										<label class="nopadding" for="gender">
											Gender
										</label>
										<input type="radio" value="0" name="gender"/>
											Male &nbsp;&nbsp;&nbsp;&nbsp; 
										<input type="radio" value="1" name="gender"/>
											Female 
									</p>


									<p>
										<label class="nopadding" for="language">
											Language
										</label>
										<input type="checkbox" value="0" name="language[]"/>
											English &nbsp;&nbsp;&nbsp;&nbsp; 
										<input type="checkbox" value="1" name="language[]"/>
											Mandarin &nbsp;&nbsp;&nbsp;&nbsp; 
										<input type="checkbox" value="1" name="language[]"/>
											German 
									</p>

									<p>

										<label for="occupation">
											Occupation
										</label>
										<select id="occupation" name="occupation">
											<option value="">
												Choose One
											</option>
											<option value="0">
												Web Designer
											</option>
											<option value="1">
												Web Developer
											</option>
											<option value="2">
												Software Engineer
											</option>

											<option value="3">
												Application Engineer
											</option>
											<option value="4">
												Programmer
											</option>
											<option value="5">
												Analyst
											</option>

										</select>
									</p>

									<p>
										<button>
											提 交
										</button>

									</p>

								</div>
								<!--form-->
							</form>

						</div>
						<!-- content -->
					</div>
					<!-- widgetbox -->

					<br/>
				</div>
				<!-- left -->
			</div>
			<!-- two_third -->

			<div class="one_third last">

				<div class="right">

					<div class="widgetbox">
						<h3>
							<span>标题</span>
						</h3>
						<div class="content">

							<h1 class="prize">
								$232.45
							</h1>
							<p>
								Estimate earnings by the end of the day:
								<strong>$300.00</strong>
							</p>

							<br/>
							<div class="one_half bright">
								<h2 class="prize">
									$412.30
								</h2>
								<small>Yesterday's earnings</small>
							</div>
							<!--one_half-->

							<div class="one_half last">
								<h2 class="prize">
									$2,796.98
								</h2>
								<small>This month's earnings</small>

							</div>
							<!--one_half-->


						</div>
						<!-- content -->
					</div>
					<!-- widgetbox -->

					<div class="widgetbox">
						<h3>
							<span>情感倾向</span>
						</h3>
						<div class="content">

							<div class="progress">
								Storage (60%)
								<div class="bar">
									<div style="width: 60%;" class="value bluebar"></div>
								</div>

							</div>
							<!-- progress -->

							<div class="progress">
								Bandwidth (86%)
								<div class="bar">
									<div style="width: 86%;" class="value orangebar"></div>
								</div>
							</div>
							<!-- progress -->

							<div class="progress">
								Impression (34%)
								<div class="bar">
									<div style="width: 34%;" class="value redbar"></div>
								</div>
							</div>
							<!-- progres s-->

						</div>
						<!-- content -->

					</div>
					<!-- widgetbox -->

					<div class="widgetbox2">
						<h3>
							<span>文章列表</span>
						</h3>
						<div class="content">

							<p>
								<img class="imgleft" alt="" src="images/assets/image1.png"/>
									"九凤神鸟"的一种人为异化抑或说肆意妖魔化。
								<br/>
									世人把楚人妖化为"九头鸟"，其根源大概是楚国的迅速崛起与雄霸天下之势，以及楚人"不服周"（指当年楚庄王不服周王朝）的秉性，导致世人皆存"惧楚恐楚"心理。
								<br/>
									至秦初，更有"楚虽三户，亡秦必楚"之恐怖民谣流传于世。
							</p>


						</div>
						<!--content-->
					</div>
					<!--widgetbox2 -->

					<div
						class="tabs2 ui-tabs ui-widget ui-widget-content ui-corner-all"
						id="tabs">

						<ul
							class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
							<li
								class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active">
								<a href="#tabs-1">标题A</a>
							</li>
							<li class="ui-state-default ui-corner-top">
								<a href="#tabs-2">标题B</a>
							</li>
							<li class="ui-state-default ui-corner-top">
								<a href="#tabs-3">标题C</a>
							</li>
						</ul>
						<div id="tabs-1"
							class="ui-tabs-panel ui-widget-content ui-corner-bottom">
							<p>
								江苏赫柏湾酒业有限公司方面的数据显示，元旦期间，赫柏湾澳洲干红横扫南京红酒市场，专卖店和网络渠道总计销售赫柏湾系列葡萄酒达6978瓶（不包括商超及代理），创历史记录。
								<br/>
									"2011年，赫柏湾澳洲干红品牌影响力进一步扩大。得到了南京广大消费者的进一步认同。"江苏赫柏湾酒业有限公司总裁郑宁说。
								<br/>
									据了解，2011年12月中旬，赫柏湾澳洲干红推出万人会员计划，短短半个月时间内，即新发展会员1万两千余人。其中共有四千余人购买了总计5730瓶赫柏湾干红。
							</p>

						</div>
						<div id="tabs-2"
							class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">
							<p>
									九头鸟形象最早源于楚人的九凤神鸟。
							</p>
						</div>
						<div id="tabs-3"
							class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">
							<p>
								Duis cursus. Maecenas ligula eros, blandit nec, pharetra at,
								semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent
								viverra justo vitae neque. Praesent blandit adipiscing velit.
								Suspendisse potenti. Donec mattis, pede vel pharetra blandit,
								magna ligula faucibus eros, id euismod lacus dolor eget odio.
								Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut
								sagittis. Donec nisi lectus, feugiat porttitor, tempor ac,
								tempor vitae, pede. Aenean vehicula velit eu tellus interdum
								rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus.
								Vivamus a libero vitae lectus hendrerit hendrerit.
							</p>
						</div>

					</div>
					<!-- tabs -->


					<br/>
					<div
						class="accordion ui-accordion ui-widget ui-helper-reset ui-accordion-icons"
						role="tablist">
						<h3
							class="ui-accordion-header ui-helper-reset ui-state-default ui-state-active ui-corner-top"
							role="tab" aria-expanded="true" aria-selected="true" tabindex="0">
							<span class="ui-icon ui-icon-triangle-1-s"></span><a href="#"
								tabindex="-1">公告标题</a>
						</h3>
						<div
							class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active"
							style="height: 147px;" role="tabpanel">
							"九凤神鸟"的一种人为异化抑或说肆意妖魔化。
							<br/>
								世人把楚人妖化为"九头鸟"，其根源大概是楚国的迅速崛起与雄霸天下之势，以及楚人"不服周"（指当年楚庄王不服周王朝）的秉性，导致世人皆存"惧楚恐楚"心理。
							<br/>
								至秦初，更有"楚虽三户，亡秦必楚"之恐怖民谣流传于世。
						</div>
						<h3
							class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all"
							role="tab" aria-expanded="false" aria-selected="false"
							tabindex="-1">
							<span class="ui-icon ui-icon-triangle-1-e"></span><a href="#"
								tabindex="-1">文章标题</a>
						</h3>
						<div
							class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom"
							style="height: 147px; display: none;" role="tabpanel">
							"2011年，赫柏湾澳洲干红品牌影响力进一步扩大。得到了南京广大消费者的进一步认同。"江苏赫柏湾酒业有限公司总裁郑宁说。
							<br/>
								据了解，2011年12月中旬，赫柏湾澳洲干红推出万人会员计划，短短半个月时间内，即新发展会员1万两千余人。其中共有四千余人购买了总计5730瓶赫柏湾干红。
						</div>
						<h3
							class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all"
							role="tab" aria-expanded="false" aria-selected="false"
							tabindex="-1">
							<span class="ui-icon ui-icon-triangle-1-e"></span><a href="#"
								tabindex="-1">文章标题</a>
						</h3>

						<div
							class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom"
							style="height: 147px; display: none;" role="tabpanel">
							Sed ut perspiciatis unde omnis iste natus error sit voluptatem
							accusantium doloremque laudantium, totam rem aperiam, eaque ipsa
							quae ab illo inventore veritatis et quasi architecto beatae vitae
							dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas
							sit aspernatur aut odit aut fugit, sed quia consequuntur magni
							dolores eos qui ratione voluptatem sequi nesciunt.
						</div>
					</div>
					<!-- accordion -->

				</div>
				<!--right-->
			</div>
			<!--one_third last-->

			<br clear="all"/>
		</div>
		<br/>
	</body>
</html>
